<!--
 * @Author: atao
 * @Date: 2023-10-20 19:55:27
 * @LastEditTime: 2023-10-26 19:36:19
 * @FilePath: \三阶段项目\pili-pili-app\src\pages\index.vue
-->
<template>
  <!-- <div class="application-container"> -->
    <!-- <div class="layout">
<router-view></router-view>
    </div> -->
    


    <!-- <div class="layout">
      <main>
        <router-view></router-view>
      </main>
      <my-tabs />
    </div> -->
  <!-- </div> -->

  <!-- <blank-layout/>
  <main-layout/> -->
  <component :is="name"/>
</template>
<script lang="ts" setup>
import { computed } from 'vue';
import { useRoute } from 'vue-router';

const route = useRoute()
const name = computed(() =>{
  return route.meta.layout || 'main-layout'
})
</script>
<style lang="less" scoped>

</style>
